<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery基本语法</title>
</head>
<body>
    <div id="div">我是div</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //js方式:通过id属性值获取div元素
    let jsDiv = document.getElementById("div");
    alert(jsDiv.innerHTML)
    //alert(jsDiv.html()) //js对象无法使用jQuery里面的功能
    //将js对象转换为jQuery对象
    let jq = $(jsDiv);
    alert(jq.html())
    //jQuery方式:通过id属性值获取div元素
    let jqDiv = $("#div")
    alert(jqDiv.html())
    //alert(jqDiv.innerHTML)  //jQuery对象无法使用js里面的功能
    //将jQuery对象准换为js对象
    let js = jqDiv[0];
    alert(js.innerHTML)
</script>
</html>